<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2018/7/11
  Time: 10:42
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>Title</title>
    <script type="text/javascript" src="JS/jquery-1.8.3.js"></script>
    <script src="CSS/bootstrap.min.js"></script>
    <link rel="stylesheet" href="CSS/bootstrap.css">

    <style>

        .panel-default{
            width: 900px;
            margin: 30px auto;
        }

        .panel-default > .panel-heading {

            color: #333;
            background-color: #99CCFF;
            border-color: #ddd;
        }

        .panel-body {
            background-color: #FFFFCC;
        }

        pre {
            padding: 0;
            vert-align: middle;
            line-height: 0px;
            font-size: 1.3em;
            border-width: 0;
        }

        i {
            font-style: inherit;
        }
        span{
            margin-left: 80px;
        }
    </style>
</head>
<body>

<% int num = 0; %>

<h2 style="text-align: center">回帖中心</h2>
<div class="panel panel-default">
    <div class="panel-heading">
        <pre>
            <i>主贴</i>    标题:${requestScope.topic.title}      发帖人:${requestScope.topic.user.uName}     发帖时间:${requestScope.topic.pTime}
        </pre>
    </div>


    <c:if test="${empty requestScope.replyList}">
        <div class="panel-body">
            暂无回帖!!!
        </div>
    </c:if>
    <c:forEach items="${requestScope.replyList}" var="u" varStatus="s">
        <div class="panel-heading">
            <span><%=(++num)%>楼</span>
            <span>用户头像:<img  width="3%" src="img/${u.user.picName}" alt="暂无图片"></span>
            <span> 回帖人:${u.user.uName}</span>
            <span>发帖时间:${u.pTime}</span>
        </div>
        <div class="panel-body ">回复内容: ${u.context}
        </div>

    </c:forEach>
    <a href="javascript:history.go(-1)" class="btn btn-default">返回上一级</a>

</div>


</body>
</html>
